<!DOCTYPE HTML>
<html>
   <head>
      <title>Liquid HTML</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' >
      <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="all">
      <link rel="stylesheet" type="text/css" href="css/framework.css" media="all">
      <link rel="stylesheet" type="text/css" href="framework/framework-ui.html" media="all">
      <link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen">
      <link rel="stylesheet" type="text/css" href="css/magnific-popup.css" media="screen">
      <link rel="stylesheet" type="text/css" href="css/superfish.css" media="all">
      <link rel="stylesheet" type="text/css" href="css/superfish-vertical.css" media="all">
      <link rel="stylesheet" type="text/css" href="style.css" media="all">
      <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
      <script src="js/jquery.min.js"></script>
   </head>
   <body>
   	
	  <div id="offcanvas" class="prl-offcanvas">
	<div class="prl-offcanvas-bar">
		 <script>
			$(function () {
				$("#mobile-nav").jMMenu(); 
			});	
		</script>
		<nav id="mobile-nav" class="mobile-nav">
			<ul class="nav-list">
				<li class="nav-item">
					<a href="index.html">Homepage</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="index-w9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-wc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="index-wcaf6.html?=home">Home</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="index-w9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-wc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="index-w124d.html?=about">About</a>
				</li>
				<li class="nav-item">
					<a href="index-w7140.html?=services">Services</a>
					<ul class="nav-submenu">
						<li class="nav-submenu-item">
							<a href="index-w9cb4.html?=submenu-1">Submenu item 1</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w7b94.html?=submenu-2">Submenu item 2</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-wc992.html?=submenu-3">Submenu item 3</a>
						</li>
						<li class="nav-submenu-item">
							<a href="index-w82ac.html?=submenu-4">Submenu item 4</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="index-w80e8.html?=portfolio">Portfolio</a>
				</li>
				<li class="nav-item">
					<a href="index-w0e02.html?=testimonials">Testimonials</a>
				</li>
				<li class="nav-item">
					<a href="index-w208f.html?=contact">Contact</a>
				</li>
			</ul>
		</nav>
	</div>
</div>	
   
      <header id="masthead">
         <div class="prl-container">
               <a href="#" id="logo"><img src="images/logo.png" alt="Logo" /></a>
               <span class="slogan">INFINITY THEME FOR  BLOGGING/MAGAZINE SITE</span>
         </div>
         <!-- .container -->
      </header>
      <!-- #masthead -->
      <div id="navbar" class="navbar navbar-main" role="navigation">
         <div class="prl-container textcenter">
            <div class="navbar-btn floatleft">
               <a href="index.html" class="navbar-toggle navbar-toggle-default"><span class="navbar-toggle-text">NAVIGATION</span></a>
			   <a href="#" class="navbar-toggle navbar-toggle-mobile" data-off-canvas="{target:'#offcanvas'}"></a>
               <div id="nav-vertical">
	<ul class="sf-menu sf-vertical" id="example">
		<li><a href="index.html">Homepage</a>
			<ul>
				<li><a href="index-cusbg.html">Homepage - custom bg</a></li>
				<li><a href="index-3c.html">Homepage - no sidebar</a></li>
			</ul>
		</li>
		<li><a href="#">Widgets</a>
			<ul>
				<li><a href="index-w.html">All sidebar widgets</a></li>
				<li><a href="index-f.html#footer">All footer widgets</a></li>
			</ul>
		</li>
		<li><a href="single.html">Single post</a></li>
		<li><a href="page.html">Page</a>
			<ul>
			<li><a href="page.html">Page normal</a></li>
			<li><a href="page-element.html">Page elements</a></li></ul>
		</li>
		
		<li>
			<a href="category.html">Category</a>
		</li>
		<li>
			<a href="#">Dropdown</a>
			<ul>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<a href="contact.html">Contact us</a>
		</li>	
	</ul>
</div>
            </div>
            <div class="navbar-social floatleft">
               <a href="#" title="Facebook"><i class="fa fa-facebook fa-lg"></i></a>
               <a href="#" title="Twitter"><i class="fa fa-twitter fa-lg"></i></a>
               <a href="#" title="Google plus"><i class="fa fa-google-plus fa-lg"></i></a>
               <a href="#" title="Pinterest"><i class="fa fa-pinterest fa-lg"></i></a>
               <a href="#" title="Youtube"><i class="fa fa-youtube fa-lg"></i></a>
            </div>
            <form action="http://demo.presslayer.com/liquid_html/index.php"><span class="navbar-search floatright">
			   	<a id="navbar-toggle-search" class="navbar-toggle navbar-toggle-search floatright" href="#" ></a>
                  <input type="text" placeholder="Search..." class="navbar-search-input" />
            </span> </form>
            <a class="navbar-toggle navbar-toggle-mail floatright" href="contact.html"></a>
            <a href="#" id="logo-mobile"><img src="images/logo.png" alt="Logo - mobile" /></a>
         </div>
      </div>
      <!-- #navbar -->
      <div id="main" role="main">	<div class="prl-container">
		<div class="ads">PUT YOUR ADS HERE</div>		<div class="prl-grid">
			<section class="prl-span-8">
				<div class="w-box primary-slider">
	<div class="flexslider">
	  <ul class="slides" >
		<li>
		<a href="single.html"><img src="images/_slider/1.jpg" alt="Slider" /></a>
		<div class="flex-caption animated"><h3><a href="single.html">Lorem ipsum dolor sit amet, consectetur</a></h3></div>
		</li>
		<li>
		<img src="images/_slider/2.jpg" alt="Slider" />
		<div class="flex-caption animated"><h3><a href="single.html">Lorem ipsum dolor sit amet, consectetur</a></h3></div>
		</li>
		<li>
		<img src="images/_slider/3.jpg" alt="Slider" />
		<div class="flex-caption animated"><h3><a href="single.html">Lorem ipsum dolor sit amet, consectetur</a></h3></div>
		</li>
		<li>
		<img src="images/_slider/4.jpg" alt="Slider" />
		<div class="flex-caption animated"><h3><a href="single.html">Lorem ipsum dolor sit amet, consectetur</a></h3></div>
		</li>
		<li>
		<img src="images/_slider/5.jpg" alt="Slider" />
		<div class="flex-caption animated"><h3><a href="single.html">Lorem ipsum dolor sit amet, consectetur</a></h3></div>
		</li>
	  </ul>
	</div>
</div>

<script type="text/javascript">
     $(function(){
      $('.flexslider').flexslider({
        animation: "fade",
		start: function(slider){
			$('.flex-caption').animate({"bottom": '0px', 'opacity': 1 }, 500);
		},
		before: function(slider) {
			$('.flex-caption').animate({"bottom": '-80px', 'opacity': 0 }, 500);
		},
		after: function(slider) {
			$('.flex-caption').animate({"bottom": '0px', 'opacity': 1 }, 500);
		}
      });
    });
</script>


				<div class="ads">PUT YOUR ADS HERE</div>				
				<div class="mry-container">
		 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.youtube.com/watch?v=scuxovLtYuA">
					<span class="prl-overlay">
						 <img src="images/_mason/1.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  magenta">Photo</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://vimeo.com/36804448">
					<span class="prl-overlay">
						 <img src="images/_mason/2.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  cyan">Audio</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://presslayer.wistia.com/medias/7ptah2lylj">
					<span class="prl-overlay">
						 <img src="images/_mason/3.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  red">Video</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.veoh.com/watch/v64647162Shfamm9k">
					<span class="prl-overlay">
						 <img src="images/_mason/4.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  yellow">Gallery</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.metacafe.com/watch/10022902/oblivion_trailer_2/">
					<span class="prl-overlay">
						 <img src="images/_mason/5.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  magenta">Photo</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.ustream.tv/recorded/41153401">
					<span class="prl-overlay">
						 <img src="images/_mason/6.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  cyan">Audio</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.dailymotion.com/video/x189h76_the-science-of-santa_fun">
					<span class="prl-overlay">
						 <img src="images/_mason/7.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  red">Video</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="http://www.screenr.com/9XiH">
					<span class="prl-overlay">
						 <img src="images/_mason/8.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  yellow">Gallery</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="prl-thumbnail popup-link-video" href="https://maps.google.com/?ie=UTF8&amp;ll=10.835329,106.66626&amp;spn=0.102509,0.169086&amp;t=m&amp;z=13&amp;output=embed">
					<span class="prl-overlay">
						 <img src="images/_mason/9.jpg" alt="Post image" />
						<span class="prl-overlay-area o-video"></span>
					</span>
				</a>	
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  magenta">Photo</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="thumbnail popup-link-image" href="images/_mason/10.jpg">
				
					<span class="prl-overlay">
						 <img src="images/_mason/10.jpg" alt="Post image" >
						<span class="prl-overlay-area o-photo"></span>
					</span>
				</a>
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  cyan">Audio</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
								<iframe src="http://player.vimeo.com/video/67547541" width="500" height="281"></iframe>
								<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  red">Video</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	 	 <div class="mry-item masonry-brick">
		 <article class="prl-article w-box">
			<div class="w-box-inner">
												<a class="thumbnail popup-link-image" href="images/_mason/12.jpg">
				
					<span class="prl-overlay">
						 <img src="images/_mason/12.jpg" alt="Post image" >
						<span class="prl-overlay-area o-photo"></span>
					</span>
				</a>
												<h3 class="prl-article-title"><a href="single.html">Grumpy wizards make toxic brew for the evil Queen and Jack</a> <span class="prl-badge  yellow">Gallery</span></h3> 
				<div class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span> <span><a href="#"><i class="fa fa-comment-o"></i> 2 Comments</a></span></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lectus orci, volutpat ultrices porta ac, ultricies eget sem.</p>
			</div>	
			<div class="prl-article-bottom clearfix">
				<a href="#" class="prl-button light floatleft"><i class="fa fa-heart"></i> 23</a>
				<a href="#" class="prl-button light floatleft"><i class="fa fa-share"></i></a>
				<a href="single.html" class="prl-button light floatright">READ MORE</a>
			</div>
		</article>
	 </div><!-- .mry-item -->
	  
</div><!-- .mry-container -->

<script type="text/javascript">
$(function () {	
	var $container = $('.mry-container');
	var gutter = 20;
	var min_width = 300;
	$container.imagesLoaded( function(){
		$container.masonry({
			itemSelector : '.mry-item',
			gutterWidth: gutter,
			isAnimated: true,
			columnWidth: function( containerWidth ) {
				var box_width = (((containerWidth - 2*gutter)/3) | 0) ;
				if (box_width < min_width) {box_width = (((containerWidth - gutter)/2) | 0);}
				if (box_width < min_width) {box_width = containerWidth;}
				$('.mry-item').width(box_width);
				return box_width;
			}
		});
	});
	
	$container.infinitescroll({
			navSelector  : '#page-nav', 
			nextSelector : '#page-nav a',
			itemSelector : '.mry-item',
			loading: {
				selector: '#infscr-load',
				msgText  : 'Loading ...',   
				finishedMsg: 'No more posts to load.'
			}
		}, 
		
		function( newElements ) {
			var $newElems = $( newElements ).css({ opacity: 0 });
			$newElems.imagesLoaded(function(){
				$newElems.animate({ opacity: 1 });
				$container.append( $newElems ).masonry( 'reload' );
				$('#page-nav').show();
				
				// init
				$('.popup-link-video').magnificPopup({type:'iframe'});
				$('.popup-link-image').magnificPopup({
					type: 'image',
					fixedContentPos: true,
					mainClass: 'mfp-no-margins mfp-with-zoom', 
					image: {
					verticalFit: true
					},
					zoom: {
						enabled: true,
						duration: 300
					}
				});
				
				$("body").fitVids();
				// init end
			});
			
		
	});
	
	// kill scroll binding
	$(window).unbind('.infscr');

	$("#page-nav a").on('click',function(){
		$container.infinitescroll('retrieve');
		return false;
	});

	// remove the paginator when we're done.
	$(document).ajaxError(function(e,xhr,opt){
	  if (xhr.status == 404) $('#page-nav a').remove();
	});
	
});

</script>

<div id="page-nav">
<a href="index-2.html" class="prl-button light fullwidth infscr-button">Load more posts</a>
</div>
<div id="infscr-load"></div>			</section>
			<aside id="sidebar" class="prl-span-4">
				<div class="widget w-box recents-widget">
	<h3 class="widget-title"><span>Recent posts</span></h3>	
	
	<ul class="prl-list-line">
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/1.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/2.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/3.jpg" width="60" height="60" alt="Post"></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
			</ul>

</div>	<div class="widget w-box photos-widget">	
	<h3 class="widget-title"><span>Instagram</span></h3>
	<script>
	$(function () {	
		$("#instagram").jqinstapics({
		  "user_id": "294495709",
		  "access_token": "294495709.5b9e1e6.8b935342cb424bcbb14d38b0cacebe3b",
		  "count": 6
		});
	});
	</script>
	<div class="pt-wrapper">
		<div id="instagram" class="pt-inner clearfix"></div>
	</div>
</div><div id="login-3" class="widget w-box widget_login">
	<h3 class="widget-title"><span>Login</span></h3>
	
	<div>
	<form class="prl-form">
	
		<div class="prl-form-row login-username">
			<input type="text" placeholder="Username" />
		</div>
		<div class="prl-form-row login-password">
			<input type="password" placeholder="Password" />
		</div>	
		<div class="prl-form-row">
			<button type="submit">Login</button>
			<span class="prl-form-help-inline"><input type="checkbox" id="form-s-mix1" checked="checked"> <label for="form-s-mix1">Remember me</label></span>
		</div>
		<div class="prl-form-row">
			<a href="#">Lost your password?</a>
		</div>
	</form>	
	</div>
		
</div>
<div class="widget w-box">
    <script>
		$(function () {
			$("#accordion").jAccordion(); 
		});	
	</script>
	<div id="accordion" class="prl-accordion">
		<section>
			<a href="#acc1" id="acc1" class="head">MOST RECENT VIDEO</a>
			<div class="acc-content">
				<iframe src="http://player.vimeo.com/video/67547641" width="500" height="281"></iframe>
				<h5><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h5>
			</div>
		</section>
		<section>
			<a href="#acc2" id="acc2" class="head">Accordion 2</a>
			<div class="acc-content">
			<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex. Lorem ipsum dolor sit amet, consectetur 
			adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
			exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
			esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
			mollit anim.</p></div>
		</section>
		<section>
			<a href="#acc3" id="acc3" class="head">Accordion 3</a>
			<div class="acc-content"><p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
			nostrud exercitation ullamco laboris nisi ut aliquip ex. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
			ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
			reprehenderit.</p></div>
		</section>
	</div>
</div>    <div class="widget w-box twitter-widget">
  <h3 class="widget-title"><span>Tweets from @PressLayer</span></h3>
  <ul class="prl-list-line">
    <li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
    <li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
    <li>@<a href="http://twitter.com/skjreilly">skjreilly</a>&nbsp;thanks for bringing this to our attention. We will be in touch with the Author about this. ^TC <em>&mdash; 1 day ago</em></li>
	<li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
	<li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
	
  </ul>
  
  <!--<div class="tw-btn">
  <a href="https://twitter.com/PressLayer" class="twitter-follow-button" data-show-count="false">Follow @PressLayer</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div>-->
  
</div><div id="tag_cloud-2" class="widget w-box widget_tag_cloud"><h3 class="widget-title"><span>Tags</span></h3><div class="tagcloud"><a href='http://www.presslayer.com/?tag=artwork' class='tag-link-6' title='2 topics' style='font-size: 16.4pt;'>artwork</a>
<a href='http://www.presslayer.com/?tag=photo' class='tag-link-7' title='2 topics' style='font-size: 16.4pt;'>Photo</a>
<a href='http://www.presslayer.com/?tag=video' class='tag-link-9' title='3 topics' style='font-size: 22pt;'>Video</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-4' title='1 topic' style='font-size: 8pt;'>Videos</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>Music</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>HTML5</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>CSS3</a>
<a href='http://www.presslayer.com/?tag=videos' class='tag-link-3' title='1 topic' style='font-size: 8pt;'>Web Design</a>
</div>

</div>
<div class="widget w-box social-widget"><!-- BEGIN WIDGET -->
	<h3 class="widget-title"><span>Social Network</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
    <div class="sw-wrapper">
    	<div class="sw-inner clearfix">
            <a href="#" class="fa fa-facebook" title="Facebook"></a>
            <a href="https://twitter.com/#" class="fa fa-twitter" title="Twitter"></a>
            <a href="#" class="fa fa-rss" title="RSS Feed"></a>
            <a href="http://www.flickr.com/photos/#" class="fa fa-flickr" title="Flickr"></a>
            <a href="http://www.youtube.com/#" class="fa fa-youtube" title="Youtube"></a>
            <a href="http://vimeo.com/#" class="fa fa-vimeo-square" title="Vimeo"></a>
            <a href="#" class="fa fa-linkedin" title="Linkedin"></a>
            <a href="#" class="fa fa-google-plus" title="Google plus"></a>
            <a href="http://pinterest.com/#" class="fa fa-pinterest" title="Pinterest"></a>
            <a href="http://instagram.com/#" class="fa fa-instagram" title="Instagram"></a>
    	</div>
    </div>		
</div><div id="search-3" class="widget w-box widget_search">
    <h3 class="widget-title"><span>Search</span></h3>
    <form role="search" method="get" id="searchform" action="#" class="uk-form" >
        <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div><div id="rss-2" class="widget w-box widget_rss"> <h3 class="widget-title"><span><a class='rsswidget' href='http://vnexpress.net/rss/gl/trang-chu.rss' title='Syndicate this content'></a> <a class='rsswidget' href='http://vnexpress.net/GL/Home/' title='Trang chủ - VnExpress - Tờ báo điện tử có nhiều độc giả nhất Việt Nam'>Homepage &#8211; PressLayer.com</a></span></h3><ul><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29038/traffic-safety-affects-alcohol-sales-law-in-hcm-city.html' title='Police in HCM City has proposed banning the sales of alcoholic drinks after 11pm in order to decrease accidents caused by drunk drivers.Wednesday, 08 May 2013 1:21 PM [&hellip;]'>Traffic safety affects alcohol sales law in HCM City</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29036/-vietnamese-short-film-vies-for-cannes-title.html' title='Vietnamese director Tran Dung Thanh Huy’s film entitled “16:30” will be shown as part of the Short Film Corner at the 2013 Cannes Film Festival.Wednesday, 08 May 2013 11:13 AM [&hellip;]'>Vietnamese short film vies for Cannes title</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29035/-rules-on-foreign-pay-tv-channel-subtitles-amended.html' title='The Ministry of Information and Communication has announced that the number of foreign television programmes requiring Vietnamese subtitles has been cut from four to two, following a decision by the Prime Minister.Wednesday, 08 May 2013 11:10 AM [&hellip;]'>Rules on foreign pay TV channel subtitles amended</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29034/north-korea-has-gained-nothing-from-recent-threats--obama-says.html' title='The United States and South Korea vowed on Tuesday to keep up their guard and not reward bad behavior by North Korea, which President Barack Obama said had won no benefits or prestige from recent war threats.Wednesday, 08 May 2013 10:25 AM [&hellip;]'>North Korea has gained nothing from recent threats, Obama says</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29033/vietnam-appreciates-us-support-for-hiv-control.html' title='Vietnam highly values the US’s support for its fight against HIV/AIDS, Deputy Prime Minister Nguyen Xuan Phuc told US Global AIDS Coordinator Ambassador Eric Goosby during their meeting in Hanoi on May 7.Wednesday, 08 May 2013 9:59 AM [&hellip;]'>Vietnam appreciates US support for HIV control</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29032/-hanoi-workshop-examines-women-s-rights.html' title='A workshop was held in Hanoi on May 7 to promote the Convention on the Elimination of All Forms of Discrimination against Women in Southeast Asia.Wednesday, 08 May 2013 8:44 AM [&hellip;]'>Hanoi workshop examines women’s rights</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29031/-danang-to-host-international-marathon-competition-2013.html' title='The 2013 Danang International Marathon Competition will be held in central Danang City on September 1.Tuesday, 07 May 2013 9:25 PM [&hellip;]'>Danang to host International Marathon Competition 2013</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29030/-18-dead-in-mexico-gas-tanker-truck-blast.html' title='A gas tanker exploded in a Mexico City suburb on Tuesday, killing at least 18 people, wounding 36 others and damaging several homes and cars, an official said.Tuesday, 07 May 2013 9:19 PM [&hellip;]'>18 dead in Mexico gas tanker truck blast</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29029/vietnam-among-top-10-countries-making-the-greatest-strides-in-reducing-newborn-deaths.html' title='Vietnam is among the top 10 countries worldwide that have made the greatest strides in saving newborn lives, Save the Children says.Tuesday, 07 May 2013 5:23 PM [&hellip;]'>Vietnam among top 10 countries making the greatest strides in reducing newborn deaths</a></li><li><a class='rsswidget' href='http://dtinews.vn/en/news/017/29027/-who-experts-assess-vaccine-quality-in-vietnam.html' title='The World Health Organisation has dispatched experts to Vietnam to investigate the alleged serious side-effects of Quinvaxem—a 5-in-1 vaccine for children—following some suspected deaths in the country.Tuesday, 07 May 2013 5:15 PM [&hellip;]'>WHO experts assess vaccine quality in Vietnam</a></li></ul></div><div id="post-pic-widget" class="widget w-box photos-widget">	
<h3 class="widget-title"><span>Article photos</span></h3>

	<div class="pt-wrapper">
		<div class="pt-inner clearfix">
						<a href="single.html" ><img src="images/_small/1.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/2.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/3.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/4.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/5.jpg" alt="Post" /></a>
						<a href="single.html" ><img src="images/_small/6.jpg" alt="Post" /></a>
					</div>
	</div>
</div>
<div id="pages-2" class="widget w-box widget_pages"><h3 class="widget-title"><span>Pages</span></h3>		<ul>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
			<li class="page_item page-item-2"><a href="http://www.presslayer.com/?page_id=2">Sample Page</a></li>
		</ul>
		</div><div id="meta-3" class="widget w-box widget_meta"><h3 class="widget-title"><span>Meta</span></h3>

<ul>
	<li><a href="http://www.presslayer.com/wp-admin/">Site Admin</a></li>			<li><a href="http://www.presslayer.com/wp-login.php?action=logout&amp;_wpnonce=0e8e2e303f">Log out</a></li>
	<li><a href="http://www.presslayer.com/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
	<li><a href="http://www.presslayer.com/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
	<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul>
</div>		
<div class="widget w-box widget_newsletter">
    <h3 class="widget-title"><span>Newsletter</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
	<form class="vform">
		<fieldset>
			<div class="form-row newsletter-email"><input type="text" placeholder="Enter your e-mail" /></div>
			<div class="form-row"><button type="submit">Subscribe</button></div>
		</fieldset>
	</form>
</div><div id="flickr-widget-4" class="widget w-box photos-widget">	
<h3 class="widget-title"><span>Flickr</span></h3>
<script>
	$(function () {	

		$('#basicuseRight').jflickrfeed({
			limit: 9,
			qstrings: {
				id: '82775126@N00'
			},
			itemTemplate: '<a href="{{link}}" target="_blank"><img src="{{image_s}}" alt="{{title}}" /></a>'
		});
	});
	</script>
	<div class="pt-wrapper">
		<div id="basicuseRight" class='pt-inner clearfix'></div>
	</div>
</div><div id="facebook-like-widget-2" class="widget w-box facebook-widget"><h3 class="widget-title"><span>Facebook</span></h3>
<div class="fw-wrapper">
<div class="fw-inner">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fenvato&amp;width=500&amp;colorscheme=light&amp;border_color=white&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=260" id="facebook-iframe" ></iframe>

</div>
</div>
</div>
		<div id="nav_menu-2" class="widget w-box widget_nav_menu"><h3 class="widget-title">Custom menu</h3><div class="menu-navigation-container"><ul id="menu-navigation" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1129"><a href="http://www.presslayer.com/"><i class="fa fa-home"></i> Homepage</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1134"><a href="http://www.presslayer.com/?cat=3"><i class="fa  fa-flask"></i> Photography</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1131"><a href="#"><i class="fa fa-heart"></i> Heart</a>

</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1132"><a href="#"><i class="fa fa-picture-o"></i> Photo</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1133"><a href="#"><i class="fa fa-envelope"></i> Contact us</a></li>
</ul></div></div>
<div id="calendar-2" class="widget w-box widget_calendar">
    <h3 class="widget-title"><span>Calendar</span></h3>
	<div id="calendar_wrap">
	<table id="wp-calendar">
	<caption>May 2013</caption>
	<thead>
	<tr>
		<th scope="col" title="Monday">M</th>
		<th scope="col" title="Tuesday">T</th>
		<th scope="col" title="Wednesday">W</th>
		<th scope="col" title="Thursday">T</th>
		<th scope="col" title="Friday">F</th>
		<th scope="col" title="Saturday">S</th>
		<th scope="col" title="Sunday">S</th>
	</tr>
	</thead>

	<tfoot>
	<tr>
		<td colspan="3" id="prev"><a href="http://www.presslayer.com/?m=201207" title="View posts for July 2012">&laquo; Jul</a></td>
		<td class="pad">&nbsp;</td>
		<td colspan="3" id="next" class="pad">&nbsp;</td>
	</tr>
	</tfoot>

	<tbody>
	<tr>
		<td colspan="2" class="pad">&nbsp;</td><td id="today">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
	</tr>
	<tr>
		<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
	</tr>
	<tr>
		<td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td>
	</tr>
	<tr>
		<td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
	</tr>
	<tr>
		<td>27</td><td>28</td><td>29</td><td>30</td><td>31</td>
		<td class="pad" colspan="2">&nbsp;</td>
	</tr>
	</tbody>
	</table>

	</div>

	</div><div id="archives-3" class="widget w-box widget_archive"><h3 class="widget-title"><span>Archives</span></h3><ul>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
			<li><a href='#' title='July 2012'>July 2012</a></li>
		</ul>
</div>

<div class="widget w-box widget_categories"><h3 class="widget-title"><span>Categories</span></h3>

<ul>
	<li class="cat-item cat-item-2"><a href="http://www.presslayer.com/?cat=2" title="View all posts filed under Design">Design</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://www.presslayer.com/?cat=3" title="View all posts filed under Photography">Photography</a>
</li>
	<li class="cat-item cat-item-12"><a href="http://www.presslayer.com/?cat=12" title="View all posts filed under Slider">Slider</a>
</li>
	<li class="cat-item cat-item-4"><a href="http://www.presslayer.com/?cat=4" title="View all posts filed under Videos">Videos</a>
</li>
	<li class="cat-item cat-item-5"><a href="http://www.presslayer.com/?cat=5" title="View all posts filed under Wordpress">Wordpress</a>
</li>
<li class="cat-item cat-item-12"><a href="http://www.presslayer.com/?cat=12" title="View all posts filed under Slider">Slider</a>
</li>

	
		</ul>
</div>



			</aside>
		</div><!--.prl-grid -->
		
		<div class="ads">PUT YOUR ADS HERE</div>	</div><!-- .container-->

</div><!-- #main -->	

<footer id="footer">
	<div class="footer-widget">
		<div class="prl-container">
			<div class="prl-grid">
				<div class="prl-span-4">
					<div class="widget w-box recents-widget">
	<h3 class="widget-title"><span>Recent posts</span></h3>	
	
	<ul class="prl-list-line">
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/1.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/2.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/3.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
				<li class="clearfix">
			<article class="prl-article">
				<a href="single.html" class="prl-thumbnail floatleft"><img src="images/_small/4.jpg" width="60" height="60" alt=""></a>
				<a class="recent-title" href="single.html" title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
				<span class="prl-article-meta"><span><i class="fa fa-clock-o"></i> Nov 23th, 2013</span></span>
			</article>
		</li>
			</ul>

</div>					</div>
				
				<div class="prl-span-4">
					<div id="social-widget-2" class="widget w-box social-widget"><!-- BEGIN WIDGET -->
	<h3 class="widget-title"><span>Social Network</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
    <div class="sw-wrapper">
    	<div class="sw-inner clearfix">
            <a href="#" class="fa fa-facebook" title="Facebook"></a>
            <a href="https://twitter.com/#" class="fa fa-twitter" title="Twitter"></a>
            <a href="#" class="fa fa-rss" title="RSS Feed"></a>
            <a href="http://www.flickr.com/photos/#" class="fa fa-flickr" title="Flickr"></a>
            <a href="http://www.youtube.com/#" class="fa fa-youtube" title="Youtube"></a>
            <a href="http://vimeo.com/#" class="fa fa-vimeo-square" title="Vimeo"></a>
            <a href="#" class="fa fa-linkedin" title="Linkedin"></a>
            <a href="#" class="fa fa-google-plus" title="Google plus"></a>
            <a href="http://pinterest.com/#" class="fa fa-pinterest" title="Pinterest"></a>
            <a href="http://instagram.com/#" class="fa fa-instagram" title="Instagram"></a>
    	</div>
    </div>		
</div>					<div class="widget w-box widget_newsletter">
    <h3 class="widget-title"><span>Newsletter</span></h3>
	<p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
	<form class="vform">
		<fieldset>
			<div class="form-row newsletter-email"><input type="text" placeholder="Enter your e-mail" /></div>
			<div class="form-row"><button type="submit">Subscribe</button></div>
		</fieldset>
	</form>
</div>					
				</div>
				
				<div class="prl-span-4">
					<div class="widget w-box twitter-widget">
  <h3 class="widget-title"><span>Tweets from @PressLayer</span></h3>
  <ul class="prl-list-line">
    <li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
    <li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
    <li>@<a href="http://twitter.com/skjreilly">skjreilly</a>&nbsp;thanks for bringing this to our attention. We will be in touch with the Author about this. ^TC <em>&mdash; 1 day ago</em></li>
	<li>Outstanding New Marketplace Items: ThemeForest and 3DOcean<a href="http://t.co/cEW6KG136I">http://t.co/cEW6KG136I</a> <em>&mdash; 1 day ago</em></li>
	<li>Freebie Friday: Free Marketplace Files for May&nbsp;<a href="http://t.co/ovNcdbkQgm">http://t.co/ovNcdbkQgm</a> <em>&mdash; 3 hours ago</em></li>
	
  </ul>
  
  <!--<div class="tw-btn">
  <a href="https://twitter.com/PressLayer" class="twitter-follow-button" data-show-count="false">Follow @PressLayer</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div>-->
  
</div>				</div>
			
			</div><!-- .prl-grid-->
			
		</div><!-- .container-->
	</div>
	<div class="copyright">
		<div class="prl-container">
			<div class="floatleft">Copyright 2013 - <a href="#">liquid</a> | just another wordpress site!</div>
			<div class="floatright">Designed by <a href="#">PressLayer</a></div>
		</div>
	</div>
</footer>

	<script type="text/javascript" src="js/framework.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>
	<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
	<script type="text/javascript" src="js/superfish.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	
	
	
	<script>
	// Sticky navigation
	$(function () {	
		var nav = $('#navbar'),
			scrolled = false,
			headerHeight = $('#main').offset().top;
		$(window).scroll(function () {
			if (headerHeight < $(window).scrollTop() && !scrolled) {
				nav.stop().addClass('navbar-sticky');
				scrolled = true;
			} else if (headerHeight > $(window).scrollTop() && scrolled) {
				nav.removeClass('navbar-sticky');
				scrolled = false;    
			}
		});
	});	
	</script>
	

<a href="#" id="toTop"><i class="fa fa-long-arrow-up"></i></a>
</body>
</html>
